<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
        <title>16jQuery的prop方法</title>
        <script src="http://code.jquery.com/jquery-1.12.4.js" 
        integrity="sha256-Qw82+bXyGq6MydymqBxNPYTaUXXq7c8v3CwiYwLLNXU="
        crossorigin="anonymous"></script>
        <script>
            $(function (param) {
                /*
                1.prop方法
                特点和attr一致

                2.removeProp方法
                特点和removeAttr一致
                */
                //eq() 方法返回带有被选元素的指定索引号的元素。索引号从 0 开头，所以第一个元素的索引号是 0（不是 1）。
                $("span").eq(0).prop("demo","it555");
                $("span").eq(1).prop("demo","it666");
                console.log($("span").prop("demo"));

                $("span").removeProp("demo");

                /*
                注意点：
                prop方法不仅能操作属性，还能操作属性节点

                官方推荐：在操作属性节点时，具有true|false两个属性的属性节点，如checked、disabled、selected使用prop(),其他使用attr()
                */
                console.log($("span").prop("class"));
                $("span").prop("class","box");

                console.log($("input").prop("checked"));//true|false
                console.log($("input").attr("checked"));//checked|undefined
              });
        </script>
    </head>
    <body>
        <span class="span1" name="it666"></span>
        <span class="span2" name="lnj"></span>
        <input type="checkbox" checked>
    </body>
</html>